import axios from 'axios'
import { config } from './config'

import { getCookie } from '@/utils/cookie'
import { message } from 'ant-design-vue'
import { getToken } from '@/utils/auth'

// 使用vuex做全局loading时使用
export default function $axios(options) {
  return new Promise((resolve, reject) => {
    // 修改默认配置
    const instance = axios.create({
      baseUrl: config.baseUrl,
      headers: config.headers,
      timeout: config.timeout
    })

    console.log('baseUrl', config.baseUrl)

    // request 拦截器
    instance.interceptors.request.use(
      config => {
        if (getToken()) {
          config.headers['Authorization'] = `Bearer ` + getToken()
        }
        return config
      },

      error => {
        // 请求错误时
        // 1. 判断请求超时
        if (error.code === 'ECONNABORTED' && error.message.indexOf('timeout') !== -1) {
          // return service.request(originalRequest);// 再重复请求一次
        }
        return Promise.reject(error) // 在调用的那边可以拿到(catch)你想返回的错误信息
      }
    )

    // response 拦截器
    instance.interceptors.response.use(
      response => {
        let data
        // IE9时response.data是undefined，因此需要使用response.request.responseText(Stringify后的字符串)
        if (response.data === undefined) {
          data = JSON.parse(response.request.responseText)
        } else {
          data = response.data
        }
        console.log('response', data)
        return data
      },
      err => {
        let errorMessage = ''
        if (err && err.response) {
          switch (err.response.status) {
            case 400:
              errorMessage = '请求错误'
              break
            case 401:
              errorMessage = '未授权，请登录'
              break
            case 403:
              errorMessage = '拒绝访问'
              break
            case 404:
              errorMessage = `请求地址出错: ${err.response.config.url}`
              break
            case 408:
              errorMessage = '请求超时'
              break
            case 500:
              errorMessage = '服务器内部错误'
              break
            case 501:
              errorMessage = '服务未实现'
              break
            case 502:
              errorMessage = '网关错误'
              break
            case 503:
              errorMessage = '服务不可用'
              break
            case 504:
              errorMessage = '网关超时'
              break
            case 505:
              errorMessage = 'HTTP版本不受支持'
              break
            default:
              errorMessage = '系统异常请联系管理员'
          }
        }
        message.error(errorMessage)

        return Promise.reject(errorMessage) // 返回接口返回的错误信息
      }
    )

    // 请求处理
    instance(options)
      .then(res => {
        console.log('res', res)
        resolve(res)
        return false
      })
      .catch(error => {
        reject(error)
      })
  })
}
